﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container" style="margin-top: 100px;">
    <div class="row">
        <div class="span12">
            <h3>Video đề cử</h3>            
        </div><!--/span12-->
    </div>
    <div class="row">
        <div class="span12">
            <div id="mi-slider" class="mi-slider">                
                <ul>
                    <li>
                        <div class="row">
                            <div class="span8 img-polaroid">
                                <embed align="middle" width="100%" height="380px" pluginspage="http://www.macromedia.com/go/getflashplayer"
                               type="application/x-shockwave-flash" allowscriptaccess="sameDomain" allowfullscreen="true" wmode="transparent"
                               name="fullscreen" bgcolor="#ffffff" salign="tl" quality="high" flashvars="file=@Url.Content("~/Stream/flv/FLV_ACD6F055B76E03A.flv")&skin=@Url.Content("~/player/skin/whotube.zip")&logo=@Url.Content("~/player/player.png")&image=@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")&autostart=false"
                               src="@Url.Content("~/player.swf")" />
                            </div>
                            <div class="span3">
                                <div class="row">
                                    <div class="span3 slider-description">
                                    </div>
                                    <div class="span3" style="margin-top: 20px;">
                                        <button class="btn">Xem</button>
                                        <button class="btn">Thích</button>
                                        <button class="btn">Chia sẽ</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                       
                    </li>
                </ul>
                <ul>
                    <li></li>
                </ul>
                <ul>
                    <li></li>
                </ul>
                <ul>
                    <li></li>
                </ul>
                <ul>
                    <li></li>
                </ul>
                <ul>
                    <li></li>
                </ul>
                <nav>
                    <a href="#">Video 01</a>
                    <a href="#">Video 02</a>
                    <a href="#">Video 03</a>
                    <a href="#">Video 04</a>
                    <a href="#">Video 05</a>
                    <a href="#">Video 06</a>
                </nav>
            </div>
        </div>
    </div>
    <!--/slider-->
    <div class="row">
        <div class="span12">
            <h3>Bảng xếp hạng ngày</h3>            
        </div><!--/span12-->
    </div>
    <div class="row">
        <div class="span3">
            <div class="white-bg">
                <h4>Like nhiều nhất tuần</h4>
                <div class="pimage">
                    <div class="pbg"></div>
                    <div class="pdisplay">
                        <a href="portfolio_ind_gallery.html" class="view">Xem clip ngay</a>
                    </div>
                    <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
                </div> 
            </div><!--/white bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="white-bg">
                <h4>Nhiều bình luận nhất</h4>
                <div class="pimage">
                    <div class="pbg"></div>
                    <div class="pdisplay">
                        <a href="portfolio_ind_gallery.html" class="view">Xem clip ngay</a>
                    </div>
                    <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
                </div> 
            </div><!--/white bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="white-bg">
                <h4>Xem nhiều nhất tuần</h4>
                <div class="pimage">
                    <div class="pbg"></div>
                    <div class="pdisplay">
                        <a href="portfolio_ind_gallery.html" class="view">Xem clip ngay</a>
                    </div>
                    <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
                </div> 
            </div><!--/white bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="white-bg">
                <h4>Share nhiều nhất</h4>
                <div class="pimage">
                    <div class="pbg"></div>
                    <div class="pdisplay">
                        <a href="portfolio_ind_gallery.html" class="view">Xem clip ngay</a>
                    </div>
                    <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
                </div>    
            </div><!--/white bg-->
        </div><!--/span3-->
    </div>
    <!--/ranking-->
    <div id="callout">
        <div class="container">
            <div class="pull-left">
                <img src="@Url.Content("~/Assets/img/ungho.jpg")" width="750px" />
            </div>
            <div class="pull-right">
                <a class="blue-btn ie8-btn-fix" href="#">Ủng hô website</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span12">
            <h3>Clip mới nhất</h3>
        </div><!--/span12-->
    </div>
    <div class="row grid-listings">
        <div class="span3">
           <div class="pimage">
               <div class="pbg"></div>
               <div class="pdisplay">
                        <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                        <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
               </div>
               <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
        <div class="span3">
            <div class="pimage">
                <div class="pbg"></div>
                <div class="pdisplay">
                    <a href="portfolio_ind_gallery.html" class="view">Xem</a>
                    <a href="portfolio_ind_gallery.html" class="add">Thêm Vào</a>
                </div>
                <img alt="Alt text" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" />
            </div>
            <div class="white-bg box-top-fix">
                <p>Đừng Buông Tay Anh <span style="float:right" class="label label-info">03:56</span></p>
            </div><!--/work bg-->
        </div><!--/span3-->
    </div>
    <div id="callout">
        <div class="container">
            <div class="pull-left">
                <img src="@Url.Content("~/Assets/img/ungho.jpg")" width="750px" />
            </div>
            <div class="pull-right">
                <a class="blue-btn ie8-btn-fix" href="#">Ủng hô website</a>
            </div>
        </div>
    </div>
</div><!--/container-->
